body, html {
    height: 100%;
    font: 12px/1.5 \5b8b\4f53, Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #fff
}

body, button, caption, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, table, td, textarea, th, tr, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    list-style: none
}

table {
    border-spacing: 0
}

img {
    max-width: 100%
}

a {
    outline: 0;
    color: #08c;
    text-decoration: none
}

a:hover {
    color: #005580;
    text-decoration: underline
}

a:active {
    background-color: transparent
}

button, input, option, select, textarea {
    font-family: inherit;
    font-size: 100%;
    outline: 0
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
    resize: none
}

button, img, input, textarea {
    border: 0
}

.checkbox.disabled .selectBtn i, .radio.disabled .selectBtn i, input[disabled] .selectBtn i, select[disabled] .selectBtn i, textarea[disabled] .selectBtn i {
    border-top-color: #c7c7c7
}

.toolbar {
    padding: 5px 10px;
    border-bottom: 1px solid #BACBDD;
    background-color: #ebf2f8;
}

/* 表单区域 */
.action-area,
.select-search {
    font-size: 12px;
    border-top: 1px solid #e4e8eb;
}

.cf:after, .form-horizontal .form-item:after {
    clear: both
}

.cf:after, .cf:before {
    display: table;
    content: " "
}

.action-area dt,
.select-search dt {
    padding: 0 10px 0 20px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    border-bottom: 1px dashed #CCD6E0;
    background-color: #e9eef7;
}

.action-area dt:hover,
.select-search dt:hover {
    background-color: #dce4f1;
}

.action-area dt .form-name,
.select-search dt .form-name {
    float: left;
    color: #90a2b6;
}

.action-area dt .arrow,
.select-search dt .arrow {
    float: right;
    margin-top: 4px;
    width: 16px;
    height: 16px;
    background: url(../images/arrow_bg.png) no-repeat -60px -40px;
}

.action-area dt .arrow-on,
.select-search dt .arrow-on {
    background-position: -40px -40px;
}

.action-area dd,
.select-search dd {
    display: none;
    border-bottom: 1px solid #b9cadc;
    background-color: #f3f6f9;
}

.action-area dd > form,
.select-search dd > form {
    padding: 10px;
}

.action-area dd .dg-wrap-expander,
.select-search dd .dg-wrap-expander {
    border-bottom: 0;
    border-top: 1px solid #b9cadc;
}

.form-edit {
    padding: 10px;
}

table.form-tb .tb-lab {
    min-width: 80px;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}

table.form-tb td {
    padding: 4px 0;
    width: 220px;
}

.form-tb .text,
.form-tb textarea {
    width: 164px;
}

.form-tb textarea {
    height: 54px;
}

.form-tb .must {
    float: left;
    margin: 0 5px 0 -11px;
    width: 6px;
}

.form-field, .input-combo {
    overflow: hidden
}

.form-horizontal select, .form-inline select {
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-item {
    padding: 4px 0;
    min-height: 22px
}

.form-lab {
    min-height: 1px
}

.form-tips {
    margin-left: 10px;
    color: #b3b3b3
}

.form-horizontal .form-lab, .form-inline .form-lab {
    float: left;
    width: 85px
}

.form-horizontal .form-field, .form-inline .form-field {
    padding-left: 10px
}

.form-horizontal .form-field .must, .form-inline .form-field .must {
    float: left;
    margin: 2px 0 0 -10px
}

.form-horizontal .form-item:after, .form-horizontal .form-item:before {
    display: table;
    content: " "
}

.form-horizontal .form-lab {
    padding: 0 10px;
    text-align: right
}

.form-horizontal select {
    width: 140px
}

.form-inline .form-item {
    float: left;
    width: 235px
}

.form-inline .form-lab {
    padding-left: 10px;
    line-height: 22px
}

.form-inline .fi-block {
    float: none;
    width: auto
}

.form-inline .checkbox + .checkbox, .form-inline .checkbox + .radio, .form-inline .radio + .checkbox, .form-inline .radio + .radio {
    margin-left: 2px
}

.form-vertical .form-lab {
    margin-bottom: 4px
}

.form-detail {
    margin: 5px 0
}

.form-detail .form-item {
    margin: 1px 0;
    padding: 0;
    line-height: 22px
}

.form-detail .form-field {
    padding-right: 10px;
    height: 22px;
    background-color: #fff
}

.form-detail .form-col-8 .form-field {
    min-height: 40px
}

.form-big .form-item {
    font-size: 18px
}

.form-big .form-lab {
    width: 130px;
    line-height: 22px
}

.form-big .text {
    padding: 2px 4px;
    width: 210px;
    height: 18px;
    font-size: 14px
}

.form-big .btn-other {
    font-size: 14px
}

.form-group-lab {
    clear: both;
    margin: 5px 10px;
    color: #91acd9
}

.tb-horizontal .tb-tips {
    width: auto;
    font-size: 12px;
    color: #b8b8b8;
    white-space: nowrap;
}

.tb-smalltips {
    font-size: 12px;
    color: #008000;
}

/* 编辑区域按钮 */
.action-area .form-tb .btn {
    width: 49px;
    line-height: 0;
    font-size: 0;
    background-position: 0 -150px;
}

.action-area .form-tb .btn-primary {
    width: 80px;
    line-height: 22px;
    font-size: 12px;
    background-position: 0 0;
}

.action-area .form-tb .btn-search {
    width: 49px;
    line-height: 0;
    font-size: 0;
    background-position: 0 -125px;
}

/* 数据表格的扩展子表格 */
.detail-dg-wrap {
    position: relative;
}

.dg-wrap-expander {
    width: 100%;
    height: 3px;
    cursor: pointer;
    border-top: 1px solid #b9cadc;
    border-bottom: 1px solid #b9cadc;
    background-image: url(../images/split.png);
    background-repeat: no-repeat;
}

.dg-wrap-expand {
    background-position: center -10px;
    border-top: 0;
}

.dg-wrap-expand:hover {
    background-position: center -15px;
}

.dg-wrap-collapse {
    background-position: center 0;
}

.dg-wrap-collapse:hover {
    background-position: center -5px;
}

.detail-dg-wrap .button-area {
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 4;
}

.detail-dg-wrap .button-area a {
    float: left;
    width: 20px;
    height: 16px;
    border-left: 1px solid #ced5df;
    border-bottom: 1px solid #ced5df;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
}

.detail-dg-wrap .dg-close {
    background-position: -116px 1px;
}

.detail-dg-wrap .dg-open {
    background-position: -116px 1px;
}

.detail-dg-wrap .tabs-panels {
    background-color: #f1f5f9;
}

.icon-refresh-1 {
    display: inline-block;
    margin-left: 10px;
    width: 14px;
    height: 22px;
    vertical-align: top;
    cursor: pointer;
    background: url("../images/refresh_1.png") no-repeat center center;
}

.icon-loading-1 {
    width: 16px;
    overflow: hidden;
    font-size: 0;
    text-indent: -999px;
    background: url("../images/loading_1.gif") no-repeat center center;
}

/* 上下分栏布局样式 */
.layout-body .datagrid-pager {
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%
}

.layout-panel-south {
    position: relative;
}

.layout-panel-south .tabs-header {
    padding-top: 5px;
}

.layout-panel-south .tabs-panels .panel-body {
    border: 0;
}

.datagrid-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    display: none;
}

.datagrid-mask-msg {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    padding: 12px 5px 10px 30px;
    width: auto;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    display: none;
}

.must {
    color: red !important
}

.btn {
    cursor: pointer;
    display: inline-block padding : 0;
    width: 80px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    text-align: center;
    border: 0;
    background: url(../images/button_bg.png) 0 -50px no-repeat
}

.btn:hover {
    color: #666;
    text-decoration: none;
    background-position: 0 -75px
}

.btn:active {
    color: #666;
    text-decoration: none;
    background-position: 0 -50px
}

.btn-primary {
    color: #fff;
    background-position: 0 0
}

.btn-primary:hover {
    color: #fff;
    background-position: 0 -25px
}

.dg-fieldset {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px dashed #cecece;
    background-color: #fff
}

.dg-fieldset legend {
    padding: 0 8px
}

.uploadImg img {
    width: 134px;
    height: 64px;
    border: 1px solid #CCCCCC;
    display: block;
}

.breadcrumb {
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    color: #2f4b72;
    border-bottom: 1px solid #b7cae0;
    background: url(../images/bg_repeat.png) repeat-x
}

.icon-add {
    background-position: 0 0
}

.icon-edit {
    background-position: -300px 0
}

.icon-enable {
    background-position: 0 -25px
}

.icon-batch {
    background-position: -300px -25px
}

.icon-delete {
    background-position: 0 -50px
}

.icon-remove {
    background-position: -300px -50px
}

.icon-cancel, .icon-stop {
    background-position: 0 -75px
}

.icon-disable {
    background-position: -300px -75px
}

.icon-save {
    background-position: 0 -100px
}

.icon-settings {
    background-position: -300px -100px
}

.icon-copy {
    background-position: 0 -125px
}

.icon-print {
    background-position: -300px -125px
}

.icon-upload {
    background-position: 0 -150px
}

.icon-download {
    background-position: -300px -150px
}

.icon-refresh {
    background-position: 0 -175px
}

.icon-init {
    background-position: -300px -175px
}

.icon-audit {
    background-position: 0 -200px
}

.icon-unAudit {
    background-position: -300px -200px
}

.icon-reAudit {
    background-position: 0 -225px
}

.icon-tag {
    background-position: -300px -225px
}

.icon-import {
    background-position: 0 -250px
}

.icon-export {
    background-position: -300px -250px
}

.icon-tpl {
    background-position: 0 -275px
}

.icon-excel {
    background-position: -300px -275px
}

.icon-packing {
    background-position: 0 -300px
}

.icon-car {
    background-position: -300px -300px
}

.icon-cart-plus {
    background-position: 0 -325px
}

.icon-cart-minus {
    background-position: -300px -325px
}

.icon-tmall {
    background-position: 0 -350px
}

.icon-comb {
    background-position: -300px -350px
}

.icon-layout {
    background-position: 0 -375px
}

.icon-intercept {
    background-position: -300px -375px
}

.icon-raw {
    background-position: 0 -400px
}

.icon-barcode {
    background-position: -300px -400px
}

.icon-search {
    background-position: 0 -425px
}

.icon-calendar {
    background-position: -300px -425px
}

.icon-status-ok {
    background-position: 0 -450px
}

.icon-close {
    background-position: -300px -450px
}

.icon {
    display: inline-block;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(../images/icon_bg.png)
}

a.l-btn {
    padding-right: 8px;
    height: 22px;
    border-radius: 0
}

a.l-btn span.l-btn-left {
    padding: 0 0 0 8px
}

a.l-btn span span.l-btn-empty, a.l-btn span span.l-btn-icon-left {
    background-image: url(../images/icon_bg.png);
    background-repeat: no-repeat
}

a.l-btn:hover {
    color: #444
}

a.l-btn:hover span.l-btn-left {
    background-position: 0 -72px
}

a.l-btn-plain, a.l-btn-plain span.l-btn-left, a.l-btn-plain:hover {
    border: 0;
    background: url(../images/linkbutton_bg.png)
}

a.l-btn-plain {
    padding: 0 4px 0 0;
    background-position: right 0
}

a.l-btn-plain span.l-btn-left {
    background-position: 0 -48px
}

a.l-btn-plain:hover {
    padding-right: 4px;
    background-position: right -24px;
    border-radius: 0
}

a.l-btn span span.l-btn-text, a.l-btn span.l-btn-left {
    height: 22px;
    line-height: 22px
}

.easyui-combobox, .easyui-combogrid, .easyui-datebox, .easyui-datetimebox {
    width: 132px
}

.checkbox, .radio, .text, select {
    vertical-align: middle
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a1a1a1
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a1a1a1
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.text, .textarea, select, textarea {
    padding: 2px;
    border: 1px solid #b3b3b3;
    background-color: #fff
}

.text {
    height: 16px;
    line-height: 16px
}

.text:hover {
    border-color: grey
}

select {
    height: 22px
}

.checkbox, .radio {
    display: inline-block;
    padding-right: 4px;
    height: 16px;
    line-height: 16px
}

.checkbox + .checkbox, .checkbox + .radio, .radio + .checkbox, .radio + .radio {
    margin-left: 6px
}

.checkbox input, .radio input {
    margin: 1px 4px 0 0;
    width: 13px;
    height: 13px;
    vertical-align: top
}

.textarea {
    display: block
}

.textarea textarea {
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    vertical-align: top
}

.btn, .form-big .btn-other, .form-tips, .gy-l-btn-text {
    vertical-align: middle
}

input[disabled], input[disabled] input, select[disabled], select[disabled] input, textarea[disabled], textarea[disabled] input {
    background: #eee
}

input[disabled] .selectBtn, select[disabled] .selectBtn, textarea[disabled] .selectBtn {
    background: 0 0
}

input[disabled]:hover .selectBtn, select[disabled]:hover .selectBtn, textarea[disabled]:hover .selectBtn {
    background: #eee;
    border-left-color: #c7c7c7
}

input[disabled], input[disabled]:hover, select[disabled], select[disabled]:hover, textarea[disabled], textarea[disabled]:hover {
    color: #b3b3b3;
    border-color: #c7c7c7;
    background-color: #eee;
    background-image: none
}

.checkbox.disabled, .radio.disabled {
    background: 0 0;
    background-color: transparent !important
}

.checkbox.disabled input, .radio.disabled input {
    background: #eee
}

.checkbox.disabled .selectBtn, .radio.disabled .selectBtn {
    background: 0 0
}

.checkbox.disabled:hover .selectBtn, .radio.disabled:hover .selectBtn {
    background: #eee;
    border-left-color: #c7c7c7
}

.checkbox.disabled, .checkbox.disabled:hover, .radio.disabled, .radio.disabled:hover {
    color: #c7c7c7;
    border-color: #c7c7c7;
    background-color: #eee;
    background-image: none
}

.messager-body, .window, .window-header {
    padding: 0
}

.panel-header {
    filter: none
}

.panel-title {
    padding: 0 15px;
    height: 29px;
    line-height: 29px
}

.window, .window-shadow {
    border-color: grey
}

.window .window-header {
    padding: 0;
    background: url(../images/bg_repeat.png) 0 -90px repeat-x
}

.window .window-header .panel-icon, .window .window-header .panel-tool {
    margin-left: 3px;
    margin-top: -10px;
}

.window .window-header .panel-tool {
    margin-right: 10px
}

.dialog-button, .dialog-toolbar, .messager-button {
    background-color: #ebf2f8
}

.dialog-button, .messager-button {
    padding: 10px 0;
    border-top: 1px solid #b7cae0
}

.dialog-button {
    padding-right: 20px
}

.messager-body {
    padding-top: 20px
}

.messager-icon {
    margin: 0 10px 10px 20px;
    width: 35px;
    height: 45px;
    background-image: url(../images/messager_icon.png);
    background-repeat: no-repeat
}

.messager-question {
    background-position: 0 0
}

.messager-error {
    background-position: 0 -50px
}

.messager-warning {
    background-position: 0 -100px
}

.messager-icon + div {
    margin-top: 8px;
    color: #2f4b72
}

.messager-window .panel-tool-close {
    display: none
}

.dialog-button a.l-btn, .messager-button a.l-btn {
    padding: 0;
    width: 80px;
    text-align: center;
    background: url(../images/button_bg.png) no-repeat
}

.dialog-button a.l-btn + a.l-btn, .messager-button a.l-btn + a.l-btn {
    background-position: 0 -50px
}

.dialog-button a.l-btn span.l-btn-left, .messager-button a.l-btn span.l-btn-left {
    padding: 0;
    background: 0 0
}

.dialog-button a.l-btn span.l-btn-text, .messager-button a.l-btn span.l-btn-text {
    color: #fff
}

.dialog-button a.l-btn + a.l-btn span.l-btn-text, .messager-button a.l-btn + a.l-btn span.l-btn-text {
    color: #333
}

.combo {
    border-color: #b3b3b3
}

.combo-panel, .combo:hover {
    border-color: grey
}

.combo > span {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    border-left: 1px solid #bebebe
}

.combo:hover > span {
    background: url(../images/bg_repeat.png) 0 -124px repeat-x
}

.combo-arrow {
    background: url(../images/arrow_bg.png) -160px -18px no-repeat
}

.combo-p {
    margin-top: -1px
}

.validatebox-invalid, .validatebox-invalid:hover {
    border-color: red;
    background-image: url(../images/icon-warning.png)
}

#prtSrhForm, #prtSrhForm *, .form-horizontal *, .selectList, .selectList *, .selectWrap, .selectWrap * {
    box-sizing: content-box
}

#prtSrhForm, #prtSrhForm *, .form-horizontal *, .selectList, .selectList *, .selectWrap *, .validate_textPrompt-box, .validate_textPrompt-box * {
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box
}

#prtSrhForm, #prtSrhForm *, .dates_box, .dates_box *, .form-horizontal *, .selectList, .selectList *, .selectWrap, .selectWrap * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.datagrid-toolbar {
    padding: 4px 2px;
    background-color: #ebf2f8
}

.datagrid-header td.datagrid-header-over, .datagrid-header-inner {
    color: #333;
    background: -webkit-linear-gradient(to bottom, #f9fafc, #deeaf6) #ecf2f9;
    background: -moz-linear-gradient(to bottom, #f9fafc, #deeaf6) #ecf2f9;
    background: -ms-linear-gradient(to bottom, #f9fafc, #deeaf6) #ecf2f9;
    background: -o-linear-gradient(to bottom, #f9fafc, #deeaf6) #ecf2f9;
    background: linear-gradient(to bottom, #f9fafc, #deeaf6) #ecf2f9
}

.datagrid-header td {
    border-style: solid
}

.datagrid-htable {
    color: #2f4b72
}

.datagrid-btable, .datagrid-ftable {
    color: #333
}

.datagrid-row-over {
    background-color: #eee
}

.datagrid-row-selected:hover {
    background-color: #fbec88
}

.datagrid-pager {
    background-color: #f5f5f5
}

.datagrid .datagrid-pager {
    margin-top: -1px
}

.datagrid-pager a.l-btn {
    margin: 0 3px 0 1px;
    border: 0;
    background-image: none
}

.datagrid-pager a.l-btn span.l-btn-left {
    padding: 0 0 0 4px;
    background-image: none
}

.pagination .pagination-num {
    height: 16px;
    line-height: 16px;
    text-align: center
}

a.l-btn span span.pagination-first, a.l-btn span span.pagination-last, a.l-btn span span.pagination-next, a.l-btn span span.pagination-prev, a.l-btn-disabled span span.pagination-first, a.l-btn-disabled span span.pagination-last, a.l-btn-disabled span span.pagination-next, a.l-btn-disabled span span.pagination-prev, a.l-btn-disabled:hover span span.pagination-first, a.l-btn-disabled:hover span span.pagination-last, a.l-btn-disabled:hover span span.pagination-next, a.l-btn-disabled:hover span span.pagination-prev, a.l-btn:hover span span.pagination-first, a.l-btn:hover span span.pagination-last, a.l-btn:hover span span.pagination-next, a.l-btn:hover span span.pagination-prev {
    background: url(../images/arrow_bg.png) no-repeat
}

a.l-btn span span.pagination-first {
    background-position: 0 3px
}

a.l-btn span span.pagination-prev {
    background-position: -20px 3px
}

a.l-btn span span.pagination-next {
    background-position: -40px 3px
}

a.l-btn span span.pagination-last {
    background-position: -60px 3px
}

a.l-btn:hover span span.pagination-first {
    background-position: -80px 3px
}

a.l-btn:hover span span.pagination-prev {
    background-position: -100px 3px
}

a.l-btn:hover span span.pagination-next {
    background-position: -120px 3px
}

a.l-btn:hover span span.pagination-last {
    background-position: -140px 3px
}

a.l-btn-disabled span span span.pagination-first, a.l-btn-disabled:hover span span span.pagination-first {
    background-position: -160px 3px
}

a.l-btn-disabled span span.pagination-prev, a.l-btn-disabled:hover span span.pagination-prev {
    background-position: -180px 3px
}

a.l-btn-disabled span span.pagination-next, a.l-btn-disabled:hover span span.pagination-next {
    background-position: 0 -16px
}

a.l-btn-disabled span span.pagination-last, a.l-btn-disabled:hover span span.pagination-last {
    background-position: -20px -16px
}

.pagination-load {
    background: url(../images/icon_bg.png) 0 -175px no-repeat
}

.display-btn {
    position: absolute;
    top: 2px;
    right: 5px
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.disabled, .disabled:hover {
    color: #c7c7c7;
    border-color: #c7c7c7;
    background-color: #eee;
    background-image: none
}

.ued {
    padding: 20px 10px 20px 10px
}

.ued div {
    margin-bottom: 10px;
}